import React from 'react';
import { Col, Row, Image, } from 'antd';
import solenoid1 from '../assets/productImg/solenoid1.jpg';
import solenoid2 from '../assets/productImg/solenoid2.jpg';
import solenoid3 from '../assets/productImg/solenoid3.png';
import solenoid4 from '../assets/productImg/solenoid4.png';
import solenoid5 from '../assets/productImg/solenoid5.png';
import solenoid6 from '../assets/productImg/solenoid6.png';
import solenoid7 from '../assets/productImg/solenoid7.png';
import solenoid8 from '../assets/productImg/solenoid8.png';
import solenoid9 from '../assets/productImg/solenoid9.png';
import './less/Solenoid.less';
const Solenoid = () => (
    <>
        <Row gutter={[32,32]} justify={'center'}>
            <Col xl={10} lg={24}  className='gutter-box imgPage'>
                <img alt='img' className='svimg' src={solenoid3} />
            </Col>
            <Col xl={10} lg={24}  className='gutter-box imgPage'>
                <img alt='img' className='svimg' src={solenoid4} />
            </Col>
        </Row> 
        {/* <Row >
            <Col  className="gutter-box" >
                <Image preview={false} width={850} src={} />
            </Col>
        </Row> */}

        <Row gutter={[32,32]} justify={'center'}>
            <Col xl={9} lg={24} className="gutter-box imgPage" >
                <img alt='img' className='svimg' src={solenoid8} />
            </Col>
            <Col xl={11} lg={24} align="center" className="gutter-box imgPage">
                <img alt='img' className='svimg' src={solenoid6} />
            </Col>
        </Row>


        <Row gutter={[32,32]} justify={'center'}>
            <Col xl={11} lg={24} className="gutter-box imgPage" >
                <img alt='img' className='svimg' src={solenoid1} />
            </Col>
            <Col xl={9} lg={24} className="gutter-box imgPage">
                <img alt='img' className='svimg' src={solenoid7} />
            </Col>
        </Row>
        <Row gutter={[32,32]} justify={'center'}>
            <Col xl={10} lg={24} className="gutter-box imgPage" >
                <img alt='img' className='svimg' src={solenoid4} />
            </Col>
            <Col xl={10} lg={24} className="gutter-box imgPage">
                <img alt='img' className='svimg' src={solenoid9} />
            </Col>
        </Row>

    </>
);

export default Solenoid;